<!-- demo001.html -->
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>demo001</title>
	<link rel="stylesheet" type="text/css" href="css/demo001.css">
</head>
<body>
	<div contenteditable="true" class="text effect01">前端开发whqet</div>
	<div contenteditable="true" class="text effect02">前端开发whqet</div>
	<div contenteditable="true" class="text effect03">前端开发whqet</div>
	<div contenteditable="true" class="text effect04">前端开发whqet</div>
	<div data-text="前端开发whqet" class="text effect05">前端开发whqet</div>
	<div contenteditable="true" class="text effect06">前端开发whqet</div>
	<div contenteditable="true" class="text effect07">前端开发whqet</div>
	<div class="text effect08">  
	  <h1>前端开发whqet</h1>  
	  <h1>前端开发whqet</h1>  
	  <h1>前端开发whqet</h1>  
	  <h1>前端开发whqet</h1>  
	  <h1>前端开发whqet</h1>  
	  <h1>前端开发whqet</h1>  
	  <h1>前端开发whqet</h1>  
	  <h1>前端开发whqet</h1>  
	</div>
</body>
</html>